<%@ page import="com.hellojavaweb.bean.Money" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/1/22
  Time: 10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>余额表</title>
    <style>
        .nav ul{
            width:980px;/*设置元素宽度为980px*/
            border:1px solid #000;/*设置一个颜色为#000，宽度为1px的边框*/
            margin:0px auto 0px auto;/*也可以简写为margin:0 auto*/
        }
        .nav li{
            float:left;/*让li元素左浮动*/
        }
        .nav ul li a{
            width:80px;/*设置元素宽为80px*/
            height:28px;/*设置高度为28px*/
            line-height:28px;/*设置行距为28px，让文字在每行的中间位置*/
            background:#dedede;/*设置元素的背景为红色*/
            color:#000;/*文字颜色是白色*/
            margin:5px 80px;
            font-size:12px;/*用12号字*/
            display:block;/*这个比较关键，因为a本身就是联级元素，本身不具有宽高，用这个把它变成块级元素，这样前面设置的宽和高就能起作用了*/
            text-align:center;/*让文本居中*/
            text-decoration:none; /*去掉下划线*/
        }
        .nav ul li a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/
            width:78px;
            height:26px;
            line-height:28px;
            border:1px solid #dedede;
            color:#000;
            background:#FFF;
        }
        .tableClass {
            font-family: verdana, arial, sans-serif;
            font-size: 11px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
        }

        .tableClass tr td, .tableClass tr th {
            border: 1px solid #666666;
            height: 30px;
            line-height: 30px;
            font-family: 微软雅黑;
            font-size: 14px;
            text-align: center;
        }

        .tableClass tr th {
            background-color: #dedede;
        }

        .oddtrcolor, .oddtrcolor tr td {
            background-color: #dedede;
        }

        .eventrcolor, .eventrcolor tr td {
            background-color: #FFFFFF;
        }
        .second{
            position:absolute;
            top:50px;
        }

    </style>
</head>
<body>
<div class="nav">
    <ul>
        <li><a href="userTable_dtt.jsp">用户表</a></li>
        <li><a href="moneyTable_dtt.jsp">余额表</a></li>
        <li><a href="out_dtt.jsp">支出</a></li>
        <li><a href="in_dtt.jsp">收入</a></li>
    </ul>
</div>
<div class="second">
    <%
        List<Money> moneyList = new ArrayList<Money>();
        moneyList = (List<Money>) session.getAttribute("money");
    %>
    <table cellpadding="0" cellspacing="0" class="tableClass" width="500px">
        <tr>
            <th>流水号</th>
            <th>编码</th>
            <th>姓名</th>
            <th>余额</th>
        </tr>
        <%
            Money money;
            for (int i = 0; i < moneyList.size(); i++) {
                money = moneyList.get(i);
        %>

        <%if (i % 2 == 0) {%>
        <tr class="eventrcolor">
                <%}
              else
              { %>
        <tr class="oddtrcolor">
            <%} %>
            <td><%=money.getOrder()%>
            </td>
            <td><%=money.getNum()%>
            </td>
            <td><%=money.getUsername()%>
            </td>
            <td><%=money.getMoney()%>
            </td>
        </tr>
        <%
            }
        %>

    </table>
</div>


</body>
</html>
